<!-- caoyong 专题底层页架子-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>${"${articleTitle!}-政府采购信息网"}</title>
    <#if articleInfo?length gt 1>
        <meta name="description" content="${articleInfo}">
    <#else>
        <meta name="description" content="${articleTitle}">
    </#if>
    <meta name="keywords" content="${keywords}">
    <link rel="stylesheet" href="/web/css/audio.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2103922_29dsi13humk.css">
    <link rel="stylesheet" type="text/css" href="https://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="icon" href="/web/img/favicon.ico">
    <link rel="shortcut icon" href="/web/img/favicon.ico">
    <link rel="stylesheet/less" href="/web/public/public.less">
    <link rel="stylesheet/less" href="/web/css/article.less">
    <!-- 主内容页样式表 -->
    <style type="text/less">@import "/web/public/public.less";
        .container {
            #main {
                .clearfix;
                min-width:1309px;
                min-height:100vh;
                width: 100%;
                margin: 0 auto;
                #id_aside {
                    top: 0;
                    width: 220px;
                    left: 0;
                    z-index: auto;
                }
                #id_special-article-share-menu-wrap{
                    right: 0 !important;
                    margin-right: 100px;
                    position:absolute;
                    display: none;
                }
                .zhanwei_share{
                    height: 100vh;
                }
            }
        }
    </style>
    <!-- 左侧注释轴内容页样式表 -->
    <style type="text/less">@import "/web/public/public.less";
        #special-article-left-aside {
            /* position:fixed; */
            ::-webkit-scrollbar {
                /*隐藏滚轮*/
                display: none;
            }.zhanwei_lien {
                 height: 100vh;
             }
            .content-wrap::-webkit-scrollbar {//20201130
                display: none; /* Chrome Safari *///20201130
            }//20201130
            .content-wrap {
                /* margin-top: 600px; */
                width: 220px;
                height: 1px;
                max-height:calc(~"100vh");
                /* height:calc(~"100vh - 380px"); */
                scrollbar-width: none; /* firefox */ //20201130
                -ms-overflow-style: none; /* IE 10+ *///20201130
                overflow-x: hidden;//20201130
                overflow-y: auto;//20201130
                padding-left: 19px;
                margin-left: 40px;
                .slide_down {}
                .slide_up {}
                ul {
                    /* margin-bottom: 400px; */
                    border-left: 1px dashed #b2b2b2;
                    li {
                        margin-left: 30px;
                        margin-top: 150px;
                    }
                }
                .itme_ico {
                    float: left;
                    margin-left: -50px;
                    width: 37px;
                    height: 37px;
                }
                .itme_title {
                    margin-bottom: 11px;
                    /* width: 171px; */
                    font-family: MicrosoftYaHei;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    color: #7f7f7f;
                    line-height:1.5em;/*20201029*/
                    letter-spacing:.1em;/*20201029*/
                }
                .itme_span {
                    /* width: 160px; */
                    font-family: MicrosoftYaHei;
                    font-size: 12px;
                    font-weight: normal;
                    font-stretch: normal;
                    color: #a8a8a8;
                    margin-right: 13px;
                    display: block;
                    line-height:1.5em;/*20201029*/
                    letter-spacing:.1em;/*20201029*/
                }
            }
        }
    </style>
    <!-- 专题BannerVS专题标题摘要内容页样式表 -->
    <style type="text/less">@import "/web/public/public.less";
        .special-banner-title-summary {
            .super_wrap {

                min-width:1309px;
                .slide_down {}
                .slide_up {}
                .super_box {
                    display: flex;
                    justify-content: center;
                    flex-direction: column;
                    .hade_cs_l1_box {
                        display: flex;
                        justify-content: center;
                        margin-top: 177px;
                        margin-bottom: 40px;
                        .hade_cs_l1 {
                            width: 345px;
                            height: 63px;
                        }
                    }
                    .hade_cs_l2_box {
                        display: flex;
                        justify-content: center;
                        .hade_cs_l2 {
                            width: 985px;
                            height: 97px;
                            font-family: MicrosoftYaHei-Bold;
                            font-size: 38px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 60px;
                            letter-spacing: 2px;
                            color: #333333;
                            text-align: center;
                        }
                    }
                    .source_box {
                        display: flex;
                        justify-content: center;
                        .source {
                            display: flex;
                            margin-top: 45px;
                            .source_span_box {
                                margin-left: 57px;
                                margin-right: 57px;
                                width: 531px;
                                font-family: MicrosoftYaHei;
                                font-size: 16px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 30px;
                                letter-spacing: 0px;
                                text-align: justify;//20201230
                                span{
                                    /* height: 106px; */
                                }
                                .text_def_color {
                                    color: #7f7f7f;
                                }
                            }
                            .img_box {
                                img {
                                    width: 56px;
                                    height: 47px;
                                }
                            }
                        }
                    }
                    .zhanwei_lien {
                        height: 50vh;
                    }
                    .wrap_bg {
                        display: flex;
                        justify-content: center;
                        position: absolute;
                        top: 0;
                        .alpha {
                            position: relative;
                            display: inline-block
                        }
                        .alpha div {
                            position: absolute;
                            left: 0;
                            top: 0;
                            width: 100%;
                            height: 100%;
                            background-color: black;
                            filter: alpha(opacity=50);
                            opacity: .5;
                            display: block
                        }
                        .alpha:hover div {
                            display: block
                        }
                        .box_bg {
                            margin-left: 40px;
                            /* margin-right: 40px; */
                            img {
                                width:calc(~"100vw - 80px");
                                min-width:1229px;
                                height:calc(~"100vh - 120px");
                                object-fit: cover;
                            }

                        }
                    }

                    .cover_box {
                        width: 100%;
                        position: absolute;
                        top: 0;
                        .cover {
                            display: flex;
                            justify-content: center;
                            flex-direction: column;
                            .line_img4_box {
                                display: flex;
                                justify-content: center;
                                .line_img4 {
                                    cursor: pointer;
                                    margin-top: 100px;
                                    width: 30px;
                                    height: 16px;
                                }
                            }
                            .cover_text_def_color {
                                color: #fefefe;
                            }
                        }
                    }
                }

            }
        }
    </style>
    <!-- 专题图文链接内容页样式表 -->
    <style type="text/less">@import "/web/public/public.less";
        .special-graphic-link {
            display: flex;
            justify-content: center;
            .content-wrap {

                width: 747px;
                .content-box {
                    .line1-title {
                        padding-top: 74px;
                        a{
                            font-family: MicrosoftYaHei-Bold;
                            text-decoration: underline;
                            font-size: 20px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 30px;
                            letter-spacing: 1px;
                            color: #6f3b3b;
                        }}
                    .line2-text {
                        margin-top: 26px;
                        font-family: MicrosoftYaHei;
                        font-size: 18px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 36px;
                        letter-spacing: 1px;
                        color: #333333;
                        span {
                            float: right;
                            .text_btn_more {
                                font-family: MicrosoftYaHei;
                                text-decoration: underline;
                                font-size: 18px;
                                font-weight: normal;
                                letter-spacing: 1px;
                                color: #5d79bd;
                                padding-right: 15px;
                            }
                        }
                    }
                    .line3-img {
                        margin-top: 31px;
                        img {
                            width: 748px;
                            /* height: 200px; */
                        }
                    }
                }
            }
        }
    </style>
    <!-- 专题正文内容页样式表 -->
    <style type="text/less">@import "/web/public/public.less";
        .special-thematic-text {
            display: flex;
            justify-content: center;
            .content-wrap {

                width: 747px;
                .content-box {
                    .line1-title {
                        padding-top: 74px;
                        display: flex;
                        justify-content: center;
                        .line1-title-box {
                            width: 647px;
                            img {
                                width: 598px;
                                height: 54px;
                            }
                            .line1-title-text-center {
                                margin-top: -35px;
                                margin-bottom: -35px;
                                display: flex;
                                justify-content: center;
                                text-align: center;
                                span {
                                    width: 492px;
                                    font-family: MicrosoftYaHei;
                                    font-size: 20px;
                                    font-weight: normal;
                                    font-stretch: normal;
                                    line-height: 48px;
                                    letter-spacing: 1px;
                                    color: #7f7f7f;
                                }
                            }
                            .line1-title-img-right {
                                display: flex;
                                justify-content: flex-end;
                            }
                        }
                    }
                    .line2-text {
                        margin-top: 31px;
                        font-family: MicrosoftYaHei;
                        font-size: 18px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 36px;
                        letter-spacing: 1px;
                        color: #333333;
                        span {
                            float: right;
                            .text_btn_more {
                                font-family: MicrosoftYaHei;
                                text-decoration: underline;
                                font-size: 18px;
                                font-weight: normal;
                                letter-spacing: 1px;
                                color: #5d79bd;
                                padding-right: 15px;
                            }
                        }
                    }
                    .line3-img {
                        width: 48px;
                        margin-top: 31px;
                        img {
                            width: 48px;
                            height: 200px;
                        }
                    }
                    .content {
                        margin-top: 49px;
                    }
                }
            }
        }
    </style>
    <!-- 专题横通栏内容页样式表 -->
    <style type="text/less">@import "/web/public/public.less";
        .special-horizontal-column {
            display: flex;
            justify-content: center;

            img {
                margin-top: 50px;
                width: 748px;
                height: 200px;
            }
        }
    </style>
    <!-- JS引入 -->
    <script src="/web/lib/jquery-1.12.4.min.js"></script>
    <script src="/web/lib/jquery.qrcode.min.js"></script>
    <script src="/web/lib/less.min.js"></script>
    <script src="/web/public/public.js"></script>
    <script type="text/javascript" src="/web/lib/BaseCyAxios.js"></script>
    <script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
    <script src="/web/lib/audio.js"></script>

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?76589e78bffea1409d2cecca59a43ae7";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div class="container">
    <!--RSS网站头固定-->
    <#include "/web/html/header/header.ftl"/>
    <div id="main" data-article-id="${id}">
        <!-- 在这里编写分享控件 -->
        <div id="id_special-article-share-menu-wrap" ><!--//20210310-->
            <div id="share-menu-wrap">
                <style type="text/less">
                    @import "/web/public/public.less";
                    #fragment-article-share-menu{
                        width: 57px;

                        .menu-list{
                            &>li{
                                width: 100%;
                                height: 62px;
                                line-height: 60px;
                                text-align: center;
                                background-color: #fafafa;
                                cursor: pointer;
                                transition: .5s;
                                position: relative;
                                margin-left: 0;

                                .cover{
                                    visibility: hidden;
                                    width: 100%;
                                    height: 40px;
                                    position: absolute;
                                    left: 0;
                                    top: 50%;
                                    margin-top: -20px;
                                    color: #ffffff;
                                    line-height: 20px;
                                }
                                &:hover{
                                    &.weibo{
                                        background-color: #E71F19;
                                    }
                                    &.weixin{
                                        background-color: #1EC354;
                                    }
                                    &.qzone{
                                        background-color: #ffc136;
                                    }
                                    &.comment{
                                        background-color: #e71f19;
                                    }
                                    &.collect{
                                        background-color: #FF8C01;
                                    }
                                    &.like{
                                        background-color: #e60012;
                                    }
                                    &.simple-view{
                                        background-color: #3C75F6;
                                    }
                                    .cover{
                                        visibility: visible;
                                    }
                                    .iconfont{
                                        color: #ffffff;
                                        /*&.icon-weibo{
                                            color: #e71f19;
                                        }
                                        &.icon-pengyouquan{
                                            color: #65f064;
                                        }
                                        &.icon-kongjian{
                                            color: #ffc136;
                                        }*/
                                        &.icon-pinglun{
                                            display: none;
                                        }
                                        &.icon-shoucang{
                                            display: none;
                                        }
                                        &.icon-shoucang1{
                                            display: none;
                                        }
                                        &.icon-wenben1{
                                            display: none;
                                        }
                                    }
                                }

                                &+li{
                                    border-top: 1px solid #f0f0f0;

                                }

                                &:nth-of-type(3n+4){
                                    margin-top: 16px;
                                    border-top: none;
                                }
                                &.collect.active{
                                    .iconfont{
                                        color: #FF8C01;
                                    }
                                }
                                &.like.active{
                                    .iconfont{
                                        color: #e60012;
                                    }
                                }
                                .iconfont{
                                    font-size: 30px;
                                    color: #989898;
                                    transition: .5s;
                                }
                            }
                        }
                    }
                </style>
                <script src="/web/lib/less.min.js"></script>
                <div id="fragment-article-share-menu" data-article-id="${id}">
                    <ul class="menu-list">
                        <li class="weibo">
                            <i class="iconfont icon-weibo" onclick="utils.shareToWeibo()"></i>
                        </li>
                        <li class="weixin" onclick="utils.shareWeixin()">
                            <i class="iconfont icon-pengyouquan"></i>
                        </li>
                        <li class="qzone">
                            <i class="iconfont icon-kongjian" onclick="utils.shareToQzone()"></i>
                        </li>
                        <li class="collect">
                            <div class="cover">
                                收藏 <br> <span>0</span>
                            </div>
                            <i class="iconfont icon-shoucang"></i>
                        </li>
                        <li class="like">
                            <div class="cover">
                                点赞 <br> <span>0</span>
                            </div>
                            <i class="iconfont icon-shoucang1"></i>
                        </li>
                    </ul>
                </div>
                <script>
                    function scollToComment() {
                        document.getElementById('fragment-comment').scrollIntoView({behavior: "smooth"});
                    }
                    function simpleRead() {
                        $('body').addClass('simple-view');
                    }
                    $(function () {
                        var articleId = $('#fragment-article-share-menu').data('articleId');
                        var $btnCommentLi = $('#fragment-article-share-menu .menu-list>li.comment');
                        var $btnCollectionLi = $('#fragment-article-share-menu .menu-list>li.collect');
                        var $btnLikeLi = $('#fragment-article-share-menu .menu-list>li.like');
                        var isCollect = false;
                        var isLike = false;

                        $.ajax({
                            url:ports.articleLikeNums,
                            data:{
                                articleId:articleId
                            },
                            success:function (res) {
                                console.log('查询文章收藏点赞数量',res);
                                if(res.status==200){
                                    $btnCommentLi.find('span').text(res.data.commentCount);
                                    $btnCollectionLi.find('span').text(res.data.collectionCount);
                                    $btnLikeLi.find('span').text(res.data.likeCount);
                                    isCollect = res.data.collection;
                                    isLike = res.data.like;

                                    if(isCollect){
                                        $btnCollectionLi.addClass('active');
                                    }
                                    if(isLike){
                                        $btnLikeLi.addClass('active');
                                    }

                                    $btnCollectionLi.click(function () {
                                        if(!isCollect){
                                            $.ajax({
                                                url:ports.articleCollect,
                                                data:{
                                                    articleId:articleId
                                                },
                                                success:function (res1) {
                                                    console.log('收藏文章',res1);
                                                    if(res1.status==200){
                                                        $btnCollectionLi.addClass('active');
                                                        $btnCollectionLi.find('span').text(res1.data.collectionCount);
                                                        isCollect = true;
                                                    }
                                                }
                                            })
                                        }else {
                                            $.ajax({
                                                url:ports.cancelArticleCollect,
                                                data:{
                                                    articleId:articleId
                                                },
                                                success:function (res1) {
                                                    console.log('取消收藏文章',res1);
                                                    if(res1.status==200){
                                                        $btnCollectionLi.removeClass('active');
                                                        $btnCollectionLi.find('span').text(res1.data.collectionCount);
                                                        isCollect = false;
                                                    }
                                                }
                                            })
                                        }

                                    });
                                    $btnLikeLi.click(function () {

                                        if(!isLike){
                                            $.ajax({
                                                url:ports.articleLike,
                                                data:{
                                                    articleId:articleId
                                                },
                                                success:function (res1) {
                                                    console.log('点赞文章',res1);
                                                    if(res1.status==200){
                                                        $btnLikeLi.addClass('active');
                                                        $btnLikeLi.find('span').text(res1.data.likeCount);
                                                        isLike = true;
                                                    }
                                                }
                                            })
                                        }else {
                                            $.ajax({
                                                url:ports.cancelArticleLike,
                                                data:{
                                                    articleId:articleId
                                                },
                                                success:function (res1) {
                                                    console.log('取消点赞文章',res1);
                                                    if(res1.status==200){
                                                        $btnLikeLi.removeClass('active');
                                                        $btnLikeLi.find('span').text(res1.data.likeCount);
                                                        isLike = false;
                                                    }
                                                }
                                            })
                                        }
                                    });
                                }
                            }
                        })
                    })

                </script>
            </div>
        </div><!--//20210310-->
        <script>
            // 20210311{{{{{
            $(function () {
                $("#fragment-article-share-menu").before("<div class='slide_down zhanwei_share'><div>");
                // 2021031115{{{{{
                var timer = setInterval(function () {
                    $("#id_special-article-share-menu-wrap").show();
                }, 400); //定时器一秒
                // 2021031115}}}}}
            })
            // 20210311}}}}}
        </script>
        <!-- 左侧注释轴内容页 -->
        <#if articleAnnotationStatus == 1>
            <aside id="id_aside">
                <div id="special-article-left-aside">
                    <div class="zhanwei_lien slide_down"></div>
                    <div class="content-wrap" id="id_content-wrap">
                        <ul id="id_left_ul">
                            <#list annotationList as annotation>
                                <li>
                                    <img class="itme_ico" src="/web/img/special-article-left-aside-ico-book.png"/>
                                    <div class="itme_title">${annotation.title}</div>
                                    <span class="itme_span">${annotation.content}</span>
                                </li>
                            </#list>
                        </ul>
                    </div>
                </div>
            </aside>
            <script>
                $(function() {
                    // console.log($(document).innerHeight());
                    $(".zhanwei_lien").bind('resize',function(){
                        // console.log( $("#main").innerHeight());
                        //动态设置侧边列表高度
                        $('#id_content-wrap')[0].style.height = $("#main").innerHeight() - 400 + 'px'; //20201029
                        $('#id_content-wrap')[0].style.marginTop = 400 + 'px'; //20201029
                    });
                })
            </script>
        </#if>
        <!-- 专题BannerVS专题标题摘要内容页 -->
        <div class="special-banner-title-summary">
            <div class="super_wrap ">
                <div class="super_box ">
                    <div class="hade_cs_l1_box">
                        <img class="hade_cs_l1" src="/web/img/special-article-top-line-img5.png"/>
                    </div>
                    <div class="hade_cs_l2_box">
                        <div class="hade_cs_l2" id="id_title_1a">${layoutDataList2.title}</div>
                    </div>
                    <div class="source_box">
                        <div class="source">
                            <div class="img_box ">
                                <img src="/web/img/special-article-top-line-img6l.png"/>
                            </div>
                            <div class="source_span_box ">
                                <span class="source_span text_def_color" id="id_title_2a">${layoutDataList2.titleContent}</span>
                            </div>
                            <div class="img_box ">
                                <img src="/web/img/special-article-top-line-img6r.png"/>
                            </div>
                        </div>
                    </div>

                    <div class="zhanwei_lien slide_down"></div>
                    <div class="wrap_bg">
                        <div class="alpha box_bg slide_down" id="id_title_bg">
                            <img src="${layoutDataList1.bannerImage}" alt="${layoutDataList1.bannerAlt}" title="${layoutDataList1.bannerAlt}">
                            <div></div>
                        </div>
                    </div>
                    <div class="cover_box slide_down">
                        <div class="cover">
                            <div class="hade_cs_l1_box">
                                <img class="hade_cs_l1" src="/web/img/special-article-top-line-img5-w.png"/>
                            </div>
                            <div class="hade_cs_l2_box ">
                                <h2 class="hade_cs_l2 cover_text_def_color" id="id_title_1b">${layoutDataList2.title}</h2>
                            </div>
                            <div class="source_box">
                                <div class="source">
                                    <div class="img_box ">
                                        <img src="/web/img/special-article-top-line-img6l-w.png"/>
                                    </div>
                                    <div class="source_span_box">
                                        <span class="source_span cover_text_def_color" id="id_title_2b">${layoutDataList2.titleContent}</span>
                                    </div>
                                    <div class="img_box ">
                                        <img src="/web/img/special-article-top-line-img6r-w.png"/>
                                    </div>
                                </div>
                            </div>
                            <div class="line_img4_box">
                                <img id="id_special_icon" class="line_img4" src="/web/img/special-article-top-line-img4.png"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $(function() {
                $(document).scroll(function() {
                    var scroH = $(document).scrollTop(); //滚动高度
                    var viewH = $(window).height(); //可见高度
                    var contentH = $(document).height(); //内容高度
                    if (scroH <=0) {//20201202
                        $(".slide_down").slideDown(400);
                    }
                    if (scroH > 0) { //2020202
                        // console.log('距离顶部大于100px时', scroH);
                        $(".slide_down").slideUp(400); //这里改成你想要的高bai度就可以了du~
                    }
                    if (contentH - (scroH + viewH) <= 500) { //距离底部高度小于100px
                        // console.log('距离底部高度小于100px', scroH);
                        $(".slide_up").slideUp(200); //这里改成你想要的高bai度就可以了du~
                    }
                    if (contentH - (scroH + viewH) > 500) { //距离底部高度小于100px
                        // console.log('距离底部高度小于100px', scroH);
                        $(".slide_up").slideDown(400); //这里改成你想要的高bai度就可以了du~
                    }
                    if (contentH == (scroH + viewH)) { //滚动条滑到底部啦
                        // console.log('滚动条滑到底部啦');
                    }
                });
                //向下箭头点击
                $('#id_special_icon').click(function() {
                    //与上同效这里改成你想要的高bai度就可以了du~
                    $("html,body").animate({ scrollTop: 200}, 300);//20201127
                });
            })
        </script>
        <!-- 遍历专题内容页集合 -->
        <#list layoutDataList3 as layoutDataList>
            <!-- 专题图文链接内容页 -->
            <#if layoutDataList.specialType == 3>
                <#if layoutDataList.specialStatus == 1>
                    <section class="special-graphic-link">
                        <div class="content-wrap">
                            <article class="content-box">
                                <#list layoutDataList.articleSpecialData as articleSpecialData>
                                    <h3 class="line1-title"><a href="${articleSpecialData.articleUrl!"javascript:"}" target="_blank">${articleSpecialData.articleTitle}</a></h3>
                                    <div class="line2-text">${articleSpecialData.articleInfo}
                                        <span><a href="${articleSpecialData.articleUrl!"javascript:"}" class="text_btn_more" target="_blank">详情>></a></span></div>
                                    <div class="line3-img"><a href="${articleSpecialData.articleUrl!"javascript:"}" target="_blank"><img src="${articleSpecialData.articleImage}" alt="${articleSpecialData.articleImageAlt}" title="${articleSpecialData.articleImageAlt}"/></a></div>
                                </#list>
                            </article>
                        </div>
                    </section>
                </#if>
            </#if>
            <!-- 专题正文内容页 -->
            <#if layoutDataList.specialType == 4>
                <#if layoutDataList.specialStatus == 1>
                    <section class="special-thematic-text">
                        <div class="content-wrap">
                            <article class="content-box">
                                <#list layoutDataList.articleSpecialData as articleSpecialData>
                                    <h3 class="line1-title">
                                        <div class="line1-title-box">
                                            <div><img src="/web/img/special-thematic-text-title-t.png"/></div>
                                            <h3 class="line1-title-text-center"><span>${articleSpecialData.contentTitle}</span></h3>
                                            <div class="line1-title-img-right"><img src="/web/img/special-thematic-text-title-b.png"/></div>
                                        </div>
                                    </h3>
                                    <div class="content">${articleSpecialData.content}</div>
                                </#list>
                            </article>
                        </div>
                    </section>
                </#if>
            </#if>
            <!-- 专题横通栏内容页 -->
            <#if layoutDataList.specialType == 5>
                <#if layoutDataList.specialStatus == 1>
                    <div class="special-horizontal-column">
                        <#list layoutDataList.articleSpecialData as articleSpecialData>
                            <#if articleSpecialData.bannerLink?? && articleSpecialData.bannerLink != ''>
                                <a href="${articleSpecialData.bannerLink}" target="_blank"><img src="${articleSpecialData.bannerImage}" alt="${articleSpecialData.bannerAlt}" title="${articleSpecialData.bannerAlt}"/></a>
                            <#else>
                                <a href="javascript:"><img src="${articleSpecialData.bannerImage}" alt="${articleSpecialData.bannerAlt}" title="${articleSpecialData.bannerAlt}"/></a>
                            </#if>
                        </#list>
                    </div>
                </#if>
            </#if>
        </#list>
    </div>
    <!--全站页尾-->
    <#include "/web/html/footer/footer.ftl"/>
</div>
</body>
</html>
<!--统计-->
<script>
    $(function () {
        var timer = setInterval(function () {
            try{
                if (returnCitySN) {
                    clearInterval(timer);
                    $.ajax({
                        url:ports.articleClickCount,
                        data:{
                            articleId:$('#main').data('articleId'),
                            ip:returnCitySN.cip
                        },
                        //设置跨域为true
                        crossDomain:true,
                        // 允许携带证书
                        xhrFields: {
                            withCredentials: true
                        },
                        success:function (res) {}
                    })
                }
            }catch (err){
                if(err.toString().search('returnCitySN is not defined')==-1)
                    console.log(err)
            };
        },100);
    })
</script>